@import url(./base.less);
@import url(./normalize.less);

@rootSize: 37.5rem;

body {
  background-color: #f9fbff;
}
.main {
  height: (60 / @rootSize);
  margin-bottom: (10 / @rootSize);
  background-color: #fff;
  .box {
    height: (20 / @rootSize);
    margin: 0 auto;
  }

  .box1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: (11.5 / @rootSize) (10 / @rootSize);
    height: (45 / @rootSize);

    .le {
      width: (20 / @rootSize);
      height: (25 / @rootSize);
      margin-top: (5 / @rootSize);
      margin-left: (10 / @rootSize);
    }

    .left {
      font-size: (16 / @rootSize);
      padding-left: (50 / @rootSize);
      font-weight: 600;
    }

    .right {
      width: (79 / @rootSize);
      height: (7.1 / @rootSize);
      padding-bottom: (30 / @rootSize);
    }
  }
}

.box1 {
  height: (132 / @rootSize);
  width: (356 / @rootSize);
  background: #ffffff;
  border-radius: (10 / @rootSize);
  margin: 0 auto;
  margin-bottom: (10 / @rootSize);
  .touxiang {
    text-align: center;
    line-height: (175 / @rootSize);
  }

  .touxiang img {
    display: inline;
    height: (67 / @rootSize);
    width: (67 / @rootSize);
    border-radius: 50%;
  }
}

.biaoge {
  height: (334 / @rootSize);
  width: (356 / @rootSize);
  background: #ffffff;
  margin: 0 auto;
  padding: 0 (25 / @rootSize);

  .form1 {
    height: (56 / @rootSize);
    width: (306 / @rootSize);
    border-bottom: (1 / @rootSize) solid #ebebeb;
    display: flex;
    justify-content: space-between;
    align-items: center;

    div:nth-child(1) {
      font-size: (14 / @rootSize);
      color: #535353;
      width: (50 / @rootSize);
      font-weight: 600;
    }
    div:nth-child(2) {
      flex: 1;
      font-size: (14 / @rootSize);
      color: #aaaaaa;
      input {
        border: none;
      }
    }
  }

  .form2 {
    height: (56 / @rootSize);
    width: (306 / @rootSize);
    border-bottom: (1 / @rootSize) solid #ebebeb;
    display: flex;
    justify-content: space-between;
    align-items: center;

    div:nth-child(1) {
      font-size: (14 / @rootSize);
      color: #535353;
      width: (50 / @rootSize);
      font-weight: 600;
    }
    div:nth-child(2) {
      flex: 1;
      font-size: (14 / @rootSize);
      color: #aaaaaa;
      input {
        border: none;
      }
    }
    a{
      font-size: (14 / @rootSize);
      color: #535353;
      width: (50 / @rootSize);
      font-weight: 600;
    }
  }
  .form3 {
    height: (56 / @rootSize);
    width: (306 / @rootSize);
    border-bottom: (1 / @rootSize) solid #ebebeb;
    display: flex;
    justify-content: space-between;
    align-items: center;

    div:nth-child(1) {
      font-size: (14 / @rootSize);
      color: #535353;
      width: (50 / @rootSize);
      font-weight: 600;
    }
    div:nth-child(2) {
      flex: 1;
      font-size: (14 / @rootSize);
      color:  #535353;
      input {
        border: none;
        vertical-align: middle;

      }
      label:nth-child(2){
        margin-left: (35 / @rootSize);
      }
      margin-left:(5 / @rootSize) ;
    }
  }
  .form4 {
    height: (56 / @rootSize);
    width: (306 / @rootSize);
    border-bottom: (1 / @rootSize) solid #ebebeb;
    display: flex;
    justify-content: space-between;
    align-items: center;

    div:nth-child(1) {
      font-size: (14 / @rootSize);
      color: #535353;
      width: (50 / @rootSize);
      font-weight: 600;
    }

    div:nth-child(2) {
      flex: 1;
      select{
        border: none;
        vertical-align: middle;
        font-size: (14 / @rootSize);
        color:  #535353;
        width:  (235 / @rootSize);
      }

    }
  }
}
.footer1{
  width: (305 / @rootSize);
  height: (45 / @rootSize);
  background-color: #363636;
  margin:0 auto;
  line-height: (45 / @rootSize);
  text-align: center;
  border-radius: 5px;
  font-size: (12 / @rootSize);
  color:  #F0D393;
}


.footer2 {
  margin-top: (60 / @rootSize);
  height: (60 / @rootSize);
  line-height: (60 / @rootSize);
  text-align: center;
  img {
    display: inline-block;
  }
}
